﻿<style>
#loginMessage
{
	display:none;
	width:100%;
	height:100%;
	background:#000;
	line-height:300%;
	padding-bottom: 20px;
}

#loginMessage #btnLogin
{
	float:right;
	margin-top:5px;
}

#loginMessage input, 
#loginMessage #btnLetMePLay
{
	width: 100%;
}

#loginMessage #errorMessage
{
	line-height:100%;
	padding:10px;
	background:#333;
	top: 12px;
	width:400px;
	display:none;
}

#loginMessage #retypePassword
{
	display:none;
	float:right;
	width:100%;	
}

</style>

<div id="loginMessage">
    <form id="frmLogin" action=''>
    <input type="hidden" id="loginKeepLogedin" name="loginKeepLogedin" value="1">
    <input type="hidden" id="hdnSignup" name="hdnSignup" value="0" />
    <div id="errorMessage">
    </div>
    Email:<br />
    <input type="text" id="txtUser" name="txtUser"><br />
    Password:<br />
    <input type="password" id="txtPass" name="txtPass">
    <span id="retypePassword">Retype password:<br />
        <input type="password" id="txtPass2" name="txtPass2"><br />
        <span id="formName">Name:<br />
            <input type="text" id="txtName" name="txtName"><br />
        </span></span>
    <br />
    </form>
    <div class="button" id="btnLogin">
        Login</div>
    <div class="button" id="btnSignup">
        Sign up</div>
    &nbsp;
    <div class="button" id="btnRecoverPassword">
        Recover Password</div>
    <br />
    <div class="button" id="btnLetMePLay">
        Just let me play! (Press 'Esc' to begin)</div>
    <br />
</div>
